<script>
import LoginSetting from "@/views/employees/views/Detail/loginSetting/loginSetting.vue";
import UserInfo from "@/views/employees/views/Detail/userInfo/userInfo.vue";
import JobInfo from "@/views/employees/views/Detail/jobInfo/jobInfo.vue";

export default {
  name: "Detail",
  components: {JobInfo, UserInfo, LoginSetting}
}
</script>

<template>
  <div class="detail">
    <el-tabs type="border-card">
      <el-tab-pane label="登录账户设置">
        <login-setting></login-setting>
      </el-tab-pane>
      <el-tab-pane label="员工详情">
        <user-info></user-info>
      </el-tab-pane>
      <el-tab-pane label="岗位信息">
        <job-info></job-info>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<style scoped lang="scss">
.detail {
  .el-tabs {
    margin-top: 10px;
  }
}
</style>
